<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CursorTool</title>
    <style>
      /* 确保页面全高且无外边距，防止滚动条出现 */
      html, body, #root {
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden; /* 进一步防止滚动条 */
      }
    </style>
  </head>
  <body>
    <div id="root">
      <style>
        /* 这是一个简单的加载动画，用于在React应用加载前提供即时反馈 */
        .app-loading {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100vh;
          background-color: #141414; /* 与 antd 暗色主题匹配的背景色 */
        }
        .app-loading-spinner {
          width: 48px;
          height: 48px;
          border: 3px solid #4b4b4b;
          border-top-color: #1677ff; /* antd 主题蓝色 */
          border-radius: 50%;
          animation: spin 1s linear infinite;
        }
        @keyframes spin {
          to {
            transform: rotate(360deg);
          }
        }
      </style>
      <div class="app-loading">
        <div class="app-loading-spinner"></div>
      </div>
    </div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>
